.headline h2 {
  line-height: 156px;
}
/* 各个边框 */
.onlineQAContent .left {
  width: 28%;
}
.onlineQAContent .centre {
  width: 40%;
  height: 900px;
  float: left;
  margin-left: 2%;
}
.onlineQAContent .right {
  width: 28%;
  height: 900px;
}
.left .Qclassification {
  margin-top: 18px;
  height: 678px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
.centre .problemSolved {
  height: 300px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
.centre .outstandingProblems {
  margin-top: 18px;
  height: 578px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
.left .QvsA {
  height: 200px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
.right .companyRanks {
  height: 460px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
.right .stylistRanks {
  margin-top: 18px;
  height: 418px;
  width: 100%;
  border: 2px solid #cccccc;
  border-radius: 8px;
}
/* 标题 */
.onlineQAContent .title {
  height: 30px;
  border-bottom: 2px solid #cccccc;
  background: #f5f5f5;
  line-height: 30px;
  font-weight: 700;
  border-radius: 8px 8px 0 0;
  padding-left: 10px;
  font-size: 16px;
}
.onlineQAContent .title a{
  font-size: 14px;
  float: right;
  padding-right: 10px;
}
.onlineQAContent .title a:hover{
  color: #fca806;
}
/* 问题和答案 */
.QvsA {
  text-align: center;
  background: #f5f5f5;
}
.QvsA h3 {
  font-size: 26px;
  margin-top: 20px;
  font-family: "宋体";
  color: #000000;
  text-shadow: 2px 2px 0px #cccccc;
}
.QvsA h4 {
  font-size: 16px;
  margin-top: 5px;
  font-family: "宋体";
}
.QvsA button {
  margin-top: 20px;
  width: 150px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  background: #e35e31;
  border-radius: 5px;
  color: #ffffff;
  border-style: none;
  outline: none;
  cursor: pointer;
}
.QvsA button:hover {
  background: #fca806;
}
/* 问题分类 */
.Qclassification li {
  margin: 11px 7px 0 10px;
}
.Qclassification li h5 {
  color: #fca806;
}
.Qclassification li a {
  font-size: 12px;
  padding-right: 3px;
}
.Qclassification li a:hover {
  color: #fca806;
}
/* 已解决的问题 */
.problemSolved ol li,.outstandingProblems ol li {
  list-style-type: decimal;
  list-style-position: inside;
  height: 20px;
  border-bottom: 1px dashed #cccccc;
  margin: 10px 10px 0 10px;
  font-size: 14px;
}
.problemSolved li a:hover,.outstandingProblems li a:hover {
  color: #fca806;
}
.problemSolved li span {
  float: right;
}
.problemSolved li span em {
  font-style: normal;
  color: #e35e31;
}
.outstandingProblems li a:hover {
  color: #fca806;
}
.outstandingProblems li span {
  float: right;
  color: #e35e31;
}
/* 装修公司排名 */
.companyRanks li,.stylistRanks li{
  height: 30px;
  border-bottom: 1px dashed #cccccc;
  margin: 10px 10px 0 10px;
  font-size: 14px;
}
.companyRanks li i,.stylistRanks li i{
  font-style: normal;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #999999;
  color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-align: center;
  line-height: 18px;
}
.companyRanks .top,.stylistRanks .top{
  border: 1px solid #fca806;
  background: #e35e31;
}
.companyRanks li a:hover,.stylistRanks li a:hover {
  color: #fca806;
}
.companyRanks li span,.stylistRanks li span {
  float: right;
}
.companyRanks li span em,.stylistRanks li span em {
  font-style: normal;
  color: #e35e31;
}
